<app-head></app-head>
<div id="index-banner" class="parallax-container">
  <div class="section no-pad-bot">
    <div class="container">
      <br><br>
      <h1 class="header center teal-text text-lighten-2">个人旅游的定制</h1>
      <div class="row center">
        <h5 class="header col s12 light">一个能够给你定制的旅游</h5>
      </div>
      <div class="row center">
        <a href="http://materializecss.com/getting-started.html" id="download-button" class="btn-large waves-effect waves-light teal lighten-1 z-depth-4">开始私人定制</a>
      </div>
      <br><br>
    </div>
  </div>
  <div class="parallax"><img [src]="bg1"></div>
</div>

<div class="container">
  <div class="section">

    <!--   Icon Section   -->
    <div class="row">
      <div class="col s12 m4">
        <div class="icon-block">
          <h2 class="center brown-text"><i class="material-icons">flash_on</i></h2>
          <h5 class="center">高效的定制过程</h5>

          <p class="light center">生猛的，活着. <br>潮浪带来,开阔的胸襟与勇气<br> ——台湾民宿「缓慢adagio」

          </p>
        </div>
      </div>

      <div class="col s12 m4">
        <div class="icon-block">
          <h2 class="center brown-text"><i class="material-icons">group</i></h2>
          <h5 class="center">强大的团队</h5>

          <p class="light center">想要解决这些平常日子里积攒的小矛盾么<br>也许旅行是个不错的选择 <br>——Vista a' la carte</p>
        </div>
      </div>

      <div class="col s12 m4">
        <div class="icon-block">
          <h2 class="center brown-text"><i class="material-icons">settings</i></h2>
          <h5 class="center">一套服务的原则</h5>

          <p class="light center">而我们不想变老，就可以永远年轻. <br>用一生的时间来探寻和世界的关系，不急。<br> ——花儿与少年《旅行的意义》
          </p>
        </div>
      </div>
    </div>

  </div>
</div>


<div class="parallax-container valign-wrapper">
  <div class="section no-pad-bot">
    <div class="container">
      <div class="row center">
        <h5 class="header col s12 light">千山鸟飞绝，万径人踪灭。</h5>
      </div>
    </div>
  </div>
  <div class="parallax"><img [src]="bg2"></div>
</div>

<div class="container">
  <div class="section">

    <div class="row">
      <div class="col s12 center">
        <h3><i class="mdi-content-send brown-text"></i></h3>
        <h4>关于我们</h4>
        <p class="light center">这里并没有什么很多废话</p>
      </div>
    </div>

  </div>
</div>


<div class="parallax-container valign-wrapper">
  <div class="section no-pad-bot">
    <div class="container">
      <div class="row center">
        <h5 class="header col s12 light">孤舟蓑笠翁，独钓寒江雪。</h5>
      </div>
    </div>
  </div>
  <div class="parallax"><img [src]="bg3"></div>
</div>
<app-footer></app-footer>